.banner {width: 100%; height: 600px; overflow: hidden;position: relative;margin: 0 auto;}
.banner > ul {display: none;/*width: 999999999px;*/height: 600px;position: absolute;top:0;left: 0;}

.banner > ul > li  {float: left; height: 600px;}
.banner > ul > li > a {display: block;font-size: 200px;text-align: center;font-weight: bold;}
.left-btn,.right-btn {width: 61px; height: 61px; position: absolute; top: 45%; right: 30px; background: url("right-1.png"); cursor: pointer;}
.left-btn {left: 30px; background: url("left-1.png");}

.banDemo {background: #333; position: relative;height:100%;max-width: 1920px;margin: 0 auto;}
.banDemo .swiper-pagination {z-index: 99;}
.banDemo .swiper-pagination-bullet {position: relative;width: 10px;border-radius: 10px;height:10px;cursor: pointer;background: #33ab38;opacity: 1;}
.banDemo .swiper-pagination-bullet::before {content: "";position: absolute;top: 0;left: 0;width: 0;height: 100%;background: #fff;z-index: 11;}
.banDemo .swiper-pagination-bullet-active.swiper-pagination-bullet{background: #fff;}
.banDemo .swiper-pagination-bullet-active.swiper-pagination-bullet::before {animation: banAnimate 0s;}
.banDemo .swiper-pagination-bullet:first-child.swiper-pagination-bullet-active::before {animation: banAnimate 0s;}
@keyframes banAnimate {0% {width: 0;} 100% {width: 100%;}}
.banDemo .swiper-button-prev,
.banDemo .swiper-button-next {opacity:1;right:200px;left: auto;top: auto;bottom:0px; width:100px;height: 80px; border:0px solid rgba(255, 255, 255, 0.8);}
.banDemo .swiper-button-next {right:80px;border-left: 0;}
.banDemo .swiper-wrapper,.banDemo .swiper-container {height: 100%;}
.banDemo .swiper-slide {overflow: hidden;height: 100%;}
.banDemo .swiper-button-next:after, .banDemo .swiper-button-prev:after{color: #fff;}

.banDemo .swiper-slide {position: relative;}
.banDemo .swiper-slide > img {width: 100%; object-fit: cover;height: 100%;transition: 0.5s;-moz-transition: 0.5s;-webkit-transition: 0.5s;-o-transition: 0.5s;}

.banDemo .swiper-slide .main {position: absolute;z-index: 100;width: 100%;height: 100%;display: flex;align-items: center;top: 0;left: 0;}
.banDemo .swiper-slide .main .box {text-align: left;position: relative;z-index: 1;}
.banDemo .swiper-slide .main .box .text{position: relative;z-index: 1;}
.banDemo .swiper-slide .main::before {content: "";display: inline-block;width: calc(100% + 0px); height: calc(100% + 0px);
  background: linear-gradient(to right, rgba(10, 10, 10, 0.9), rgba(255, 255, 255, 0)); position: absolute; right:50%; z-index: 1;}

.banDemo .swiper-slide .main .box .text1 {font-size: 24px;color: #fff;font-weight: 300;}
.banDemo .swiper-slide .main .box .text2 {font-size: 46px; color: #fff; font-weight:700; margin-top: 0.5rem;}
.banDemo .swiper-slide .main .box .text3 {font-size: 32px; color: #fff;margin-top: 1rem;}
.banDemo .swiper-slide .main .box .text4 {margin-top: 2rem;}
.banDemo .swiper-slide .main .box .text4 a {font-size:1.1875rem;width:10rem;height:2.75rem;border:1px solid #fff;display:inline-block;line-height:2.75rem;color:#fff;text-align: center;}
.banDemo .swiper-slide .main .box .text4 a:hover {color: #000;background: #fff;}
.banDemo .swiper-slide-active > img {animation: banImgAnimate 0s;-webkit-animation: banImgAnimate 0s;}

@keyframes animationSlide {
0% {
    background-position: 0 0;
}
100% {
    background-position: 100% 0;
}}
@keyframes banImgAnimate {
    0% {
        transform: scale(1);
        -ms-transform: scale(1);
        -moz-transform: scale(1);
        -webkit-transform: scale(1);
        -o-transform: scale(1)
    }
    50% {
        transform: scale(1.06);
        -ms-transform: scale(1.06);
        -moz-transform: scale(1.06);
        -webkit-transform: scale(1.06);
        -o-transform: scale(1.06)
    }

    100% {
        transform: scale(1);
        -ms-transform: scale(1);
        -moz-transform: scale(1);
        -webkit-transform: scale(1);
        -o-transform: scale(1)
    }
}
@-webkit-keyframes banImgAnimate {
    0% {
        transform: scale(1);
        -ms-transform: scale(1);
        -moz-transform: scale(1);
        -webkit-transform: scale(1);
        -o-transform: scale(1)
    }

    50% {
        transform: scale(1.06);
        -ms-transform: scale(1.06);
        -moz-transform: scale(1.06);
        -webkit-transform: scale(1.06);
        -o-transform: scale(1.06)
    }

    100% {
        transform: scale(1);
        -ms-transform: scale(1);
        -moz-transform: scale(1);
        -webkit-transform: scale(1);
        -o-transform: scale(1)
    }
}
.in_title{width:100%;height:100px;margin:50px 0px; overflow:hidden; position:relative;}
.in_text{ height:100px; font-size:32px; text-align:center; color:#33ab38; padding:35px 35px 0px 35px; position:absolute; background-color:#fff;left:40%;}
.in_text p{font-size:14px; margin-top:5px; text-align:center; font-weight:normal;}
.bgline {width:100%; margin:auto; height:1px; background-color:#33ab38; top:50%; position:absolute;}

.pro-box .prev,
.pro-box .next {
	width: 43px;
	height: 44px;
	top: 190px;
}

.pro-box .prev {
	background: url("../images/left.png") no-repeat left center;
	left: -44px;
}
.pro-box .next {
	background: url("../images/right.png") no-repeat right center;
	right: -44px;
}
.pro-box .bd li {
	width: 292px; float:left;
	text-align: center;
}

.pro-box .bd li img {
	margin-bottom: 20px;
}

.pro-box .bd li span {
	display: inline-block;
	zoom: 1;
	*display: inline;
	height: 25px;
	line-height: 25px;
	padding: 0 0 0 30px;
	font-size: 13px;
	color: #1a1a1a;
	font-weight: bold;
}

/*-------------产品首页左右滚动------------------------*/
.rollBox{width:100%;overflow:hidden;padding:12px 0 5px 0px; position:relative}
.rollBox .LeftBotton{height:40px;width:40px;background:url(../images/left.png) no-repeat;overflow:hidden;float:left;display:inline;margin:75px 0 0 0px;cursor:pointer;}
.rollBox .RightBotton{height:40px;width:40px;background:url(../images/right.png) no-repeat;overflow:hidden;float:right;display:inline;margin:75px 0px 0 0;cursor:pointer;}
.rollBox .Cont{width:1200px;overflow:hidden;float:left;}
.rollBox .ScrCont{width:10000000px;}
.rollBox .Cont .pic{float:left;text-align:center;padding:10px;width:220px; height:180px; margin:10px;border:1px solid #e2e2e2;}
.rollBox .Cont .pic img{display:block;margin:0 auto;max-width: 100%;max-height:90%;}
.rollBox .Cont .pic p{margin-top:0px; line-height:18px; font-size:13px;}
.rollBox .Cont a:link,.rollBox .Cont a:visited{text-decoration:none;}
.rollBox .Cont a:hover{text-decoration:underline;}
.rollBox #List1,.rollBox #List2{float:left;}

/*----------行业应用--------*/
.index-industry{height: 365px; transform: translate3d(0px, 0px, 0px);display: flex; justify-content: space-between;}
.index-industry-slide{width: 100%; margin-right:0px; float:left;}
.index-industry-slide:nth-child(4){margin-right:0px;}
.index-industry-slide .border { width: 99%; height: 99%;}
.index-industry-slide .border a { width: 100%; height: 100%;}

.index-industry-slide .border .imgFrame { float:left; overflow:hidden;
    width: 267px;    height: 302px;
    margin-top: 10px;    margin-left: 10px;
    margin-right: 10px;    margin-bottom: 10px;
    display: block;    border-radius: 0px;

}
.border img:hover {

    transform: scale(1.1);

}
.index-industry-slide .border .imgFrame img {
    float: none;
    display: block !important;
    width: 100%;
    height: 100%;
    margin: 0 !important;
    padding: 0 !important;
    border-radius: 0 !important;
    transition: all 0.2s;

}
.index-industry-slide .border b {

    float: left;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;

}
.border b {

    width: 279px;
    height: 40px;
    margin-top: 5px;
    margin-bottom: 5px;
    margin-left: 5px;
    margin-right: 5px;

    text-align: center;
    font-size: 17px;
    line-height: 40px;
    display: block;
    border-left-width: 1px;
    border-right-width: 1px;
    border-top-width: 1px;
    border-bottom-width: 1px;
    border-style: none;
    border-color: rgba(204, 204, 204, 1);
    padding-left: 2px;
    border-radius: 5px;
    font-weight: bolder;

}
.content_div2{width: 100%; margin:0 auto; padding: 0px 0px; line-height:30px; font-size:14px; overflow:hidden;}
.content_div2 p{font-size: 14px; line-height: 28px;text-indent: 0em;font-family:'Microsoft yahei';}
.content_div2 ul{ width:100%;}
.content_div2 ul li{ height:auto; width:100%;float:left; border-bottom:#e4e4e4 solid 1px; padding:15px 0px 15px 0px; margin-right:0px; display: flex;justify-content: space-between;}
.content_div2 ul li:nth-child(2n){margin-right:0px;}
.content_div2 ul li .data_div{ width:73px; height:89px; border:#e4e4e4 solid 1px; float:left; }
.content_div2 ul li .data_div .data_div_top{ width:73px; height:57px; line-height:57px; text-align:center; color:#fff; background-color:#33ab38; font-size:35px; border-bottom:#e4e4e4 solid 1px;}
.content_div2 ul li .data_div .data_div_bot{ width:73px; text-align:center; color:#555555; font-size:13px; text-align:center; line-height:30px; background:#f8f8f8;}

.content_div2 ul li .new_nei{ width:100%; float:right;padding-left: 15px;}
.content_div2 ul li .new_nei .new_nei_top{ width:100%; color:#261271; font-size:18px; line-height:26px; overflow:hidden; margin-bottom:10px;}
.content_div2 ul li .new_nei .new_nei_top a{ color:#363636; font-size:18px;}
.content_div2 ul li:hover .new_nei .new_nei_top a{ color:#0070c0;}
.content_div2 ul li .new_nei .new_nei_bot{ overflow:hidden; height:50px; font-size:13px; line-height:24px;}
.content_div2 ul li .new_nei .new_nei_bot a{ color:#363636; font-size:13px; line-height:24px;}

.content_div{width: 100%; margin:0 auto; padding: 0px 0px; line-height:30px; font-size:14px; overflow:hidden;}
.content_div p{font-size: 14px; line-height: 28px;text-indent: 0em;font-family:'Microsoft yahei';}
.content_div ul{ width:100%;}
.content_div ul li{ height:auto; width:620px; float:left; border-bottom:#e4e4e4 solid 1px; padding:15px 0px 15px 0px; margin-right:30px;}
.content_div ul li:nth-child(2n){margin-right:0px;}
.content_div ul li .data_div{ width:73px; height:89px; border:#e4e4e4 solid 1px; float:left; }
.content_div ul li .data_div .data_div_top{ width:73px; height:57px; line-height:57px; text-align:center; color:#fff; background-color:#33ab38; font-size:35px; border-bottom:#e4e4e4 solid 1px;}
.content_div ul li .data_div .data_div_bot{ width:73px; text-align:center; color:#555555; font-size:13px; text-align:center; line-height:30px; background:#f8f8f8;}

.content_div ul li .new_nei{ width:520px; float:right;}
.content_div ul li .new_nei .new_nei_top{ width:100%; color:#261271; font-size:18px; line-height:26px; overflow:hidden; margin-bottom:10px;text-overflow: ellipsis;white-space: normal;}
.content_div ul li .new_nei .new_nei_top a{ color:#363636; font-size:18px;}
.content_div ul li:hover .new_nei .new_nei_top a{ color:#0070c0;}
.content_div ul li .new_nei .new_nei_bot{ overflow:hidden; height:50px; font-size:13px; line-height:24px;}
.content_div ul li .new_nei .new_nei_bot a{ color:#363636; font-size:13px; line-height:24px;}

.index-contact-left{float:left; width:900px; height:300px;}
.index-contact-right{float:right; width:270px;}
.index-contact-right h1{font-size:20px; color:#333; margin-bottom:10px;}
.index-contact-right p{font-size:14px; color:#333;}

.container-nav{background:linear-gradient(to right,#dcdcdc,#d4d5d7,#9c9c9c,#5c5c5c); margin:0 auto; overflow:hidden; height:65px;max-width: 1920px;}
.container-postion{display:flex; width:1280px; margin:0 auto;overflow: hidden;}
.container-nav-left{ padding-right:20px; line-height:65px; color:#33ab38;font-weight: bold;}
.container-nav-left h1{font-size:26px; float:right;}
.container-nav-left i{text-transform:capitalize; margin-left:10px; float:right;font-style: normal;}
.container-nav-right{left:250px; top:0px;  height:65px;}